// components/pickers/pickers.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    range:{
      type: Array,
    },
    rangeKey: { // 循环展示的字节
      type: String,
      default(){
        return ''
      }
    },
    value: String
  },

  /**
   * 组件的初始数据
   */
  data: {
    showflag: false,
    setValue: [0],// 默认选择第一条
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 点击取消事件
    eventCancel(){
      this.setData({
        showflag: !this.data.showflag
      })
    },
 
    // 点击确定事件
    eventSure(){
      // 如果选项是置灰的，则禁制选择该项
      const selectObj = this.data.range[this.data.setValue[0]]
      if(selectObj.hasOwnProperty('disabled') && selectObj.disabled){
        return
      }
      this.setData({
        showflag: !this.data.showflag
      })
      let item = this.data.setValue[0] || "0" // 选择的信息-如果没有触发bindChange，则默认选择第一条信息
      this.triggerEvent('customEvent',item) 
    },
 
    // 显示picker
    showPicker: function(e){
      this.setData({
        showflag: !this.data.showflag
      })
    },
 
    // 滚动事件
    bindChange(e){
      this.setData({
        setValue: e.detail.value,
      })
    }
  }
})
